﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .ant-select-arrow, .ant-select-clear {
            position:absolute;
            right:10px;
        }
        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }
    </style>
}
<div id="PerformancPlan" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">

            <header class="px-5 box-border">
                <div class="flex items-center">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformancPlanParams.vvback()" src="~/Assets/nimgs/exit.png" alt="返回"  /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">考核计划</span> </span>  </div>
                </div>
                <div style="padding:20px;padding-top:16px; box-sizing:border-box" class="w-full h-min-[108px]  bg-white">
                    <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                    <a-row>
                        <a-form layout="inline"
                                :model="PerformancPlanParams.queryParams.value">
                            <a-form-item label="通知标题">
                                <a-input v-model:value="PerformancPlanParams.queryParams.value.title"  allow-clear  placeholder="请输入通知标题" />
                            </a-form-item>

                            <a-form-item label="年度">
                                <a-select ref="select" allow-clear
                                          v-model:value="PerformancPlanParams.queryParams.value.year"
                                          placeholder="请选择年度"
                                          :options="PerformancPlanParams.yearList.value"
                                          style="width:150px">
                      

                                </a-select>
                            </a-form-item>
                            <a-form-item label="状态">
                                <a-select ref="select" allow-clear
                                            placeholder="请选择状态"
                                          v-model:value="PerformancPlanParams.queryParams.value.status"
                                          style="width:150px">
                                    <a-select-option v-for="e in PerformancPlanParams.statusList.value" :value="e.code">{{e.name}}</a-select-option>

                                </a-select>
                            </a-form-item>
                            <a-form-item>
                                <a-col><a-button type="primary">查询</a-button></a-col>
                            </a-form-item>
                        </a-form>




                    </a-row>



                    <div class="flex w-full mt-10">
                        <a-card :bordered="true" class="w-full  mt-12">
                            <template #title>
                                <div class="w-full flex justify-between items-center">
                                    <div class="flex items-center"> <div>考核计划</div> <div class="ml-7"><a-tag color="#108ee9">总数:{{PerformancPlanParams.pagination.value.total}}</a-tag></div></div>

                                    <a-button v-on:click="PerformancPlanParams.addPlan" type="primary">新增计划</a-button>
                                </div>



                            </template>


                            <a-table :pagination="PerformancPlanParams.pagination.value" :loading="PerformancPlanParams.pagination.value.loading" v-on:change="PerformancPlanParams.handleTableChange" :data-source="PerformancPlanParams.dataSource.value" :columns="PerformancPlanParams.columns.value">

                            </a-table>

                        </a-card>

                    </div>

                </div>
            </header>
        </a-config-provider>
        </a-style-provider>
</div>
@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/plan.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformancPlan', Composition, localeValues)
    </script>
}
